/* main.css */
/*CSA CHANGE LAYOUT TO 1600PX FOR ALL PAGES AS DEFAULT.*/
@import url("https://content.powerapps.com/resource/powerappsportal/fonts/roboto-condensed/v25/400.css");
@import url("https://content.powerapps.com/resource/powerappsportal/fonts/roboto-condensed/v25/400-italic.css");
@import url("https://content.powerapps.com/resource/powerappsportal/fonts/roboto/v30/300.css");
@import url("https://content.powerapps.com/resource/powerappsportal/fonts/roboto/v30/300-italic.css");
@import url("https://content.powerapps.com/resource/powerappsportal/fonts/roboto/v30/400.css");
@import url("https://content.powerapps.com/resource/powerappsportal/fonts/roboto/v30/400-italic.css");
:root {
  --cenit-base-container-full: 1920px;
  --cenit-base-container: 1180px;
  --cenit-base-font-size: 17px;
  --cenit-medium-font-size: 22px;
  --cenit-medium-font-size: clamp(18px, 2.5vw, 22px);
  --cenit-small-font: 12px;
  --cenit-big-font-size: 27px;
  --cenit-big-font-size: clamp(22px, 2.5vw, 27px);
  --cenit-padding: 30px;
  --cenit-margin: 30px;
  --cenit-h1-font-size: 54px;
  --cenit-h1-font-size: clamp(32px, 5vw, 54px);
  --cenit-h2-font-size: 40px;
  --cenit-h2-font-size: clamp(26px, 4vw, 40px);
  --cenit-h3-font-size: 34px;
  --cenit-h3-font-size: clamp(22px, 3.5vw, 34px);
  --cenit-h4-font-size: 24px;
  --cenit-h4-font-size: clamp(18px, 2.5vw, 24px);
  --cenit-line-height-50: 52px;
  --cenit-line-height-50: clamp(32px, 5vw, 52px);
  --cenit-line-height-38: 38.75px;
  --cenit-line-height-38: clamp(28px, 5vw, 38.75px);
  --cenit-line-height-35: 35px;
  --cenit-line-height-35: clamp(26px, 5vw, 35px);
  --cenit-line-height-30: 30px;
  --cenit-line-height-30: clamp(22px, 5vw, 30px);
  --cenit-line-height-26: 26px;
  --cenit-line-height-26: clamp(18px, 5vw, 26px);
  --cenit-line-height-20: 20px;
  --cenit-line-height-20: clamp(16px, 5vw, 20px);
  --cenit-menu-font-size: 17px;
  --cenit-links-font-size: 14px;
  --bs-primary: #009CA7;
  --bs-secondary: #034B50;
  --bs-tertiary: #00818A;
  --bs-gray: #f7f7f7;
  --bs-border-color-translucent:rgba(0,0,0,0.175);
  --bs-success: #009CA7;
  --bs-light: #e9e9e9;
  --bs-lighter: #f7f7f7;
  --bs-white: #ffffff;
  --bs-dropdown-bg:#f7f7f7;
  --bs-info: #009CA7;
  --bs-link-color: #009CA7;
  --bs-link-hover-color: #007a7a;
   gap:30px;
}
@font-face {
    font-family: "Roboto Condensed";
    src: url("https://content.powerapps.com/resource/powerappsportal/fonts/roboto-condensed/v25/400.css");

    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Roboto";
    src: url("https://content.powerapps.com/resource/powerappsportal/fonts/roboto/v30/300.css");

    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
body {
    font-family: "Roboto" !important;
    font-weight: 300 !important;
    font-size: 17px !important;
    color: #000000 !important;
    background-color: var(--bs-white) !important;
}
/*
img{
      height: auto !important;
    width: 100% !important;
}
    */
@media (min-width: 1200px) {
  .container{
    width: 1600px; /* your desired width */
  }
  .cenit-big-container{

  width: 1800px !important;

}
footer .footer-bottom{
min-width: 1600px;

}
}


p{
    font-family: "Roboto" !important;
    font-weight: 300 !important;
    font-size: 17px !important;
    color: #000000 !important;

}
a{

      font-family: "Roboto" !important;
}
.font-family-roboto-condensed-light{
	font-weight:300;
	font-family: 'Roboto Condensed' !important;
}
.font-family-roboto-condensed{
	font-weight:700;
	font-family: 'Roboto Condensed' !important;
}
.font-family-roboto-light{
	font-family: 'Roboto' !important;
	font-weight:300;
}
.font-family-roboto-regular{
	font-family: 'Roboto' !important;
	font-weight:400;
}
.font-family-roboto-medium{
	font-family: 'Roboto' !important;
	font-weight:500;
}
/*Main settings cenit env*/
/*cenit flex columns*/
/*font sizes*/
h1, h1 strong, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
  font-family:"Roboto Condensed" !important;
	font-weight:300 !important;
}
p, h1, h2, h3, h4, h5, h6, ul li {
	-webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.cenit-text-small{
	font-size: var(--cenit-small-font) !important;
	letter-spacing:1.92px !important;
}
.cenit-text-extra-small{
	font-size: calc(var(--cenit-small-font) - 2px) !important;
	letter-spacing:1.92px !important;
}
.cenit-text-big{
	font-size: var(--cenit-big-font-size) !important;
	line-height:var(--cenit-line-height-35) !important;
}
.cenit-text-white-big{
	font-size: var(--cenit-big-font-size) !important;
	color: var(--bs-white) !important;
	line-height:var(--cenit-line-height-30) !important;
}
.cenit-text-white{
	color: var(--bs-white) !important;
}
.cenit-text-grey{
	color: #6d6d6d !important;
	font-family:"Roboto Condensed" !important;
	line-height:(--cenit-line-height-35) !important;
	font-size:var(--cenit-big-font-size) !important;
}
.frame-option-cenitTextSize12{
	font-size: var(--cenit-small-font) !important;
}
.frame-option-cenitTextSize17{
	font-size: var(--cenit-base-font-size) !important;
}
.frame-option-cenitTextSize27{
	font-size: var(--cenit-big-font-size) !important;
}
.frame-option-cenitTextSize22, .lead{
	font-size: var(--cenit-medium-font-size);
}
.frame-option-cenitColorGray100{
	color: var(--bs-gray-300) !important;
}
.lead{
	font-family:"Roboto Condensed" !important;

}
.cenit-columns-1{
	flex: 0 0 100% !important;
}
.cenit-columns-2{
  max-width:50%;
	
}
.cenit-columns-3{
	flex: 0 0 calc(33.333% - var(--cenit-padding)) !important;
}
.cenit-columns-4{
	flex: 0 0 calc(25% - var(--cenit-padding)) !important;
}
.cenit-width-40{
	flex: 0 0 calc(40% - var(--cenit-padding)) !important;
}
.cenit-width-60{
	flex: 0 0 calc(60% - var(--cenit-padding)) !important;

}
.cenit-padding{
	padding:var(--cenit-padding) !important;
}

.cenit-padding-t{
	padding-top:var(--cenit-padding) !important;
}
.cenit-padding-b{
	padding-bottom: var(--cenit-padding) !important;
}
.cenit-padding-l{
	padding-left:var(--cenit-padding) !important;
}
.cenit-padding-r{
	padding-right: var(--cenit-padding) !important;
}
.cenit-padding-left-extra, .frame-option-cenitPaddingLeftExtra{
	padding-left: 60px;
}
.cenit-margin-extra{
	margin: 60px;
}
.cenit-margin-extra-x{
	margin-left: 60px;
  margin-right:60px;
}
.cenit-margin-extra-y{
	margin-top: 60px;
  margin-bottom: 60px;
}
html[dir=ltr] .crmEntityFormView .cell input[type=text], html[dir=ltr] .crmEntityFormView .cell select, html[dir=ltr] .crmEntityFormView .cell textarea {
    float: left;
    padding: 5px !important;
   border: 1px solid #ccc;
}
.fa .fa-times{
color:#f2f2f2;

}

.crmEntityFormView .form-control.readonly, .crmEntityFormView .form-control[readonly][disabled], .form-readonly .form-control {
    background: 0 0;
    color: #979494;
}

  
.validation-summary a {
    font-size: 18px;
    color: #ffffff !important;
}
.crmEntityFormView .validation-summary h2 {
    margin: 0 0 1em 0;
    color: #ffffff !important;
}
.btn .btn-default .clearlookupfield{

background: white !important;
}
.navbar-inverse .navbar-toggle:hover {
    background-color: #009CA7 !important;
    border-color: #009CA7 !important;
}

select,
::picker(select) {
  appearance: base-select !important;
  width: min-content;
}
#subjectid, #cen_urgency_opt, #cen_impact_opt {

 display: flex !important; 
}
.modal-backdrop{
margin: 5px;
  width: 100%;
}
.modal.fade .modal-dialog {
    width: 100% !important;
    padding: 15px;
    margin: 0 !important;
}
.root-271:active .ms-ContextualMenu-icon {
    color: #009CA7 !important;
}
.root-164 {
    font-family: "Roboto Condensed" !important;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
    display: flex;
    background-color: #009CA7 !important;
    padding: 15px 5px !important;
    height: auto !important;
}

.root-271:hover .ms-ContextualMenu-icon {
 color: #009CA7 !important;
}
.item-245 {
    font-family: "Roboto Condensed" !important;
}
.icon-173 {
    font-size: 16px;
    margin: 0px 4px;
    color: #009CA7;
    height: 16px;
    line-height: 16px;
    text-align: center;
    flex-shrink: 0;
}

.modal-backdrop.in{
opacity: 0 !important;
  width: 100%;
}
option:focus {
    background-color: #009CA7 !important;

}
option{
  text-wrap: wrap;
 background: #f7f7f7 !important;
}
option:hover{
color:#ffffff !important;
 background-color: #009CA7 !important; 
}
option:active{
color:#ffffff !important;
 background-color: #009CA7 !important; 
}
.input-group-addon, .input-group-btn{
    display: flex;
        width: auto !important;
}
.input-group {
  
    display: flex !important;
}
 .container, .footer-container{
 
  min-width:auto !important;
  margin: 0px auto;
}
.pageHeight{
  width:100%;
  min-height:85vh !important;
  height:100%;
}

/**Homepage style 3 columns*/
.cenit-bg-grey, .bg-grey{
    background-color: var(--bs-gray) !important;
    display:flex;
    padding: var(--cenit-padding);


}
.cenit-bg-grey h1, .cenit-bg-grey h2, .cenit-bg-grey h3{
  color: var(--bs-primary) !important;

}
/*Bootstrap utilities*/
/* ============================= */
/* BOOTSTRAP 4 SPACING UTILITIES */
/* ============================= */

/* -------- PADDING -------- */

/* All sides */
.p-0{padding:0!important}
.p-1{padding:.25rem!important}
.p-2{padding:.5rem!important}
.p-3{padding:1rem!important}
.p-4{padding:1.5rem!important}
.p-5{padding:3rem!important}

/* X axis */
.px-0{padding-left:0!important;padding-right:0!important}
.px-1{padding-left:.25rem!important;padding-right:.25rem!important}
.px-2{padding-left:.5rem!important;padding-right:.5rem!important}
.px-3{padding-left:1rem!important;padding-right:1rem!important}
.px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}
.px-5{padding-left:3rem!important;padding-right:3rem!important}

/* Y axis */
.py-0{padding-top:0!important;padding-bottom:0!important}
.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}
.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}
.py-3{padding-top:1rem!important;padding-bottom:1rem!important}
.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}
.py-5{padding-top:3rem!important;padding-bottom:3rem!important}

/* Individual sides */
.pt-0{padding-top:0!important}
.pt-1{padding-top:.25rem!important}
.pt-2{padding-top:.5rem!important}
.pt-3{padding-top:1rem!important}
.pt-4{padding-top:1.5rem!important}
.pt-5{padding-top:3rem!important}

.pb-0{padding-bottom:0!important}
.pb-1{padding-bottom:.25rem!important}
.pb-2{padding-bottom:.5rem!important}
.pb-3{padding-bottom:1rem!important}
.pb-4{padding-bottom:1.5rem!important}
.pb-5{padding-bottom:3rem!important}

.pl-0{padding-left:0!important}
.pl-1{padding-left:.25rem!important}
.pl-2{padding-left:.5rem!important}
.pl-3{padding-left:1rem!important}
.pl-4{padding-left:1.5rem!important}
.pl-5{padding-left:3rem!important}

.pr-0{padding-right:0!important}
.pr-1{padding-right:.25rem!important}
.pr-2{padding-right:.5rem!important}
.pr-3{padding-right:1rem!important}
.pr-4{padding-right:1.5rem!important}
.pr-5{padding-right:3rem!important}


/* -------- MARGIN -------- */

/* All sides */
.m-0{margin:0!important}
.m-1{margin:.25rem!important}
.m-2{margin:.5rem!important}
.m-3{margin:1rem!important}
.m-4{margin:1.5rem!important}
.m-5{margin:3rem!important}

/* X axis */
.mx-0{margin-left:0!important;margin-right:0!important}
.mx-1{margin-left:.25rem!important;margin-right:.25rem!important}
.mx-2{margin-left:.5rem!important;margin-right:.5rem!important}
.mx-3{margin-left:1rem!important;margin-right:1rem!important}
.mx-4{margin-left:1.5rem!important;margin-right:1.5rem!important}
.mx-5{margin-left:3rem!important;margin-right:3rem!important}
.mx-auto{margin-left:auto!important;margin-right:auto!important}

/* Y axis */
.my-0{margin-top:0!important;margin-bottom:0!important}
.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}
.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}
.my-3{margin-top:1rem!important;margin-bottom:1rem!important}
.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}
.my-5{margin-top:3rem!important;margin-bottom:3rem!important}

/* Individual sides */
.mt-0{margin-top:0!important}
.mt-1{margin-top:.25rem!important}
.mt-2{margin-top:.5rem!important}
.mt-3{margin-top:1rem!important}
.mt-4{margin-top:1.5rem!important}
.mt-5{margin-top:3rem!important}

.mb-0{margin-bottom:0!important}
.mb-1{margin-bottom:.25rem!important}
.mb-2{margin-bottom:.5rem!important}
.mb-3{margin-bottom:1rem!important}
.mb-4{margin-bottom:1.5rem!important}
.mb-5{margin-bottom:3rem!important}

.ml-0{margin-left:0!important}
.ml-1{margin-left:.25rem!important}
.ml-2{margin-left:.5rem!important}
.ml-3{margin-left:1rem!important}
.ml-4{margin-left:1.5rem!important}
.ml-5{margin-left:3rem!important}

.mr-0{margin-right:0!important}
.mr-1{margin-right:.25rem!important}
.mr-2{margin-right:.5rem!important}
.mr-3{margin-right:1rem!important}
.mr-4{margin-right:1.5rem!important}
.mr-5{margin-right:3rem!important}

/*Content*/
.cenit-flex-fullheight{
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    min-width: 250px;
    justify-content: start;
    align-items: stretch;
    align-content: center;
    padding: 0px 5px !important;
    height: 100%;
    flex-wrap: nowrap;
}
/**/
/* --- Registrierung/Login: Buttons sichtbar machen --- */

/* Base button styling (rămâne la fel) */
.link-arrow-capital, #InsertButton {
  
  width: fit-content;
  background-color: var(--bs-primary) !important;
  color: #ffffff !important;
  border: none !important;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 2px !important;
  font-size: var(--cenit-small-font) !important;
  font-weight: 700 !important;
  line-height: var(--cenit-line-height-30) !important;

  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5em;

  transition: all 0.1s ease-out !important;
}
#UploadButton{

  background-color: #ffffff !important;
  color:#009CA7 !important;
}
/* Săgeata din AFTER – aceasta este partea esențială */
a.link-arrow-capital::after, #InsertButton::after {
  content: "" !important;

  /* 🔴 OBLIGATORIU pentru vizibilitate */
  display: inline-block !important;

  width: 28px !important;
  height: 18px !important;

  background-image: url("/arrow_white.png") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;

  flex-shrink: 0;
  transform: translateZ(0);
  transition: transform 0.1s ease-out;
  padding:8px 14px !important;
}

/* Hover animation (opțional, dar recomandat) */
a.link-arrow-capital:hover::after, #InsertButton:hover::after {
  transform: translateX(4px);
}


/* Genereller Button-Stil */
div.page-content .btn,
div.page-content button,
div.page-content input[type="submit"]{
    background-color: var(--bs-primary) !important;     /* Cenit-Türkis / Anpassbar */
    color: #ffffff !important;                /* Weiße Schrift */
    border: none !important;                  /* Keine Rahmen */
    text-transform:uppercase;
    text-decoration: none;
    align-items: flex-end !important;
    letter-spacing:2px !important;
    font-size:var(--cenit-small-font);
    gap: 0.5em;
    display: inline-flex !important;
    vertical-align: middle !important;
    align-items: center !important;
    -webkit-transform: perspective(1px) translateZ(0) !important;
    transform: perspective(1px) translateZ(0) !important;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0) !important;
    -webkit-transition-duration: 0.1s !important;
    transition-duration: 0.1s !important;
    font-weight:700 !important;
    line-height:var(--cenit-line-height-30) !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
}

/* Hover-Effekt */
div.page-content .btn:hover,
div.page-content button:hover,
div.page-content input[type="submit"]:hover {
    background-color: #007f87 !important;      /* etwas dunkler */
    box-shadow: 0 4px 8px rgba(0,0,0,0.25);
}


/* Registrierung / Login Form Labels */
div.page-content .xrm-attribute-value,
div.page-content .xrm-attribute-value-encoded,
div.page-content label,
div.page-content .control-label {
    color: #009CA7 !important;
}

ul.nav.nav-tabs.nav-account {
    margin-top: 20px;
    margin-bottom: 0;
    border-bottom: none !important;
}

/* Abstand und leichte Rundung */
ul.nav.nav-tabs.nav-account > li {
    margin-right: 4px;
}

/* Grundstil der Tab-Buttons */
ul.nav.nav-tabs.nav-account > li > a {
   background: var(--bs-primary) !important;
    color:#ffffff !important;
       padding: 10px 22px !important;
   
       letter-spacing: 1.9px;
    font-size: 16px;
    font-family: "Roboto Condensed" !important;
    font-weight: 600 !important;
    text-decoration: none !important;

    transition: all 0.15s ease-in-out;
     
}

/* Hover-Effekt */


/* Aktiver Tab */
ul.nav.nav-tabs.nav-account > li.active > a,
ul.nav.nav-tabs.nav-account > li.active > a:hover,
ul.nav.nav-tabs.nav-account > li.active > a:focus {
    background:var(--bs-primary) !important;
    color: #ffffff !important;
   
}



#content_form { margin-bottom: 5px; }

.open>.dropdown-menu{
     display: grid !important;
  background-color: var(--bs-dropdown-bg) !important;
}
.open>.dropdown-menu>li>a{
  color: var(--bs-primary) !important;
}
.open .dropdown-menu > li > a:hover,
.dropdown-menu > .active > a:hover{
  background-color: var(--bs-primary) !important;
  color: var(--bs-white) !important;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  color: #009CA7 !important;
  font-weight: 600;
}

a, .link, .nav-link { color: #009CA7 !important; }
a:hover, .link:hover, .nav-link:hover {
  color: #007a7a !important;
  text-decoration: underline;
}

.btn, .btn-primary {
  background-color: #009CA7 !important;
  border-color: #009CA7 !important;
  color: #ffffff !important;
      font-family: "Roboto";
}
.btn:hover, .btn-primary:hover,
.btn:focus, .btn-primary:focus {
  background-color: #007a7a !important;
  border-color: #007a7a !important;
  color: #ffffff !important;
}

.btn-secondary {
  font-family: "Roboto";
  background-color: #e6f2f2 !important;
  border-color: #009CA7 !important;
  color: #009CA7 !important;
}
.btn-secondary:hover {
  background-color: #009CA7 !important;
  border-color: #009CA7 !important;
  color: #ffffff !important;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #ffffff;
    border-color: #ffffff;
}
.navbar, .navbar-inverse, .site-header { border: none; }
.navbar a, .navbar-inverse a { color: #009CA7 !important; }
.navbar a:hover { color: #ffffff !important; }

.footer-bottom a { color: #ffffff !important; }
.footer-bottom a:hover { color: #ffffff !important; }

input:focus, textarea:focus, select:focus {
  border-color: #009CA7 !important;
  box-shadow: 0 0 0 0.2rem rgba(0,152,152,0.25) !important;
}
.help-block.error, label.control-label.required:before, .crmEntityFormView .cell div.info.required label:after, .crmEntityFormView .cell div.info div.validators, .crmEntityFormView .validator-text, .crmEntityFormView .rank-order-cell .validator-text, .crmEntityFormView .constant-sum-cell .validator-text, .crmEntityFormView .stack-rank-cell .validator-text {
    color: var(--bs-primary);
}
.breadcrumb a { color: #009CA7 !important; }
.breadcrumb a:hover { color: #007a7a !important; }
.breadcrumb>li+li:before {
  content: " ";
  display: inline-block !important;
  width: 14px !important;
  height: 9px !important;
  background-image: url("/arrow_green.png") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
    padding: 0 10px;
}
ul li::marker {
    color:  #009CA7!important;
}

.cenit-lanuage-menu .dropdown-menu li a, .cenit-user-menu  .dropdown-menu li a{
    padding: 8px 15px 7px 25px;
        border-bottom: var(--bs-light);
}
a::first-letter {
    text-transform: uppercase;
}
.navbar .dropdown-menu {
  background-color: var(--bs-gray) !important;
  border: none !important;
  border-radius: 0 !important;
  min-width: 150px;
  transition: none !important;          
}
.dropdown-menu{

 padding: 0px !important; 
}
.navbar .dropdown-menu > li > a,
.navbar .dropdown-menu > li > a:link,
.navbar .dropdown-menu > li > a:visited {  
  color: var(--bs-primary) !important;
  background-color: var(--bs-gray) !important;
}
.navbar .dropdown-menu > li > a:hover,
.navbar .dropdown-menu > li > a:focus {
  background-color:var(--bs-primary) !important;
  color: #ffffff !important;
  border-radius: none !important;
  transition: none !important; 
}
.navbar .dropdown-menu > li.active > a,
.navbar .dropdown-menu > li.active > a:hover,
.navbar .dropdown-menu > li.active > a:focus {
  background-color:var(--bs-primary) !important;
  color: #ffffff !important;
  border-radius: none !important;
  transition: none !important; 
  
}
.navbar .dropdown-menu { margin-top: 0 !important; top: 100% !important; }
.navbar .open .dropdown-menu { margin-top: -1px !important; }

.navbar .nav > li > a {
  transition: background-color .2s ease, color .2s ease;
}
.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus,
.navbar .nav > li > a:active {
  background-color:transparent !important;
  border-radius: none !important;
  transition: none !important; 
  text-decoration: underline;
  text-decoration-color: #dedede !important;
  text-decoration-thickness: 1px;
  color:var(--bs-primary) !important;
}
.navbar .dropdown-toggle:focus,
.navbar .dropdown-toggle:active {
  background-color:transparent !important;
  border-radius: none !important;
  transition: none !important; 
   
  text-decoration-color: #dedede !important;
  text-decoration-thickness: 1px;
  color:var(--bs-primary) !important;
  color:var(--bs-primary) !important;
}
.navbar .open > a:focus,
.navbar .open > a:hover {
  background-color:var(--bs-primary) !important;
  color: #ffffff !important;
  border-radius: none !important;
  transition: none !important; 
  color:var(--bs-primary) !important;
  text-decoration-color: #dedede !important;
  text-decoration-thickness: 1px;
 
  color:var(--bs-primary) !important;
}

.footer-bottom,
.site-footer,
.page-footer {
  background-color: #034B50 !important;
  color: #FFFFFF !important;
}

.footer-bottom .footer-container{
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  flex-wrap: wrap !important;
  max-width: 1600px !important;
  margin: 0 auto !important;
  padding: 12px 4px !important;
  gap: 24px !important;
  box-sizing: border-box !important;
}

.footer-bottom .footer-left{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.footer-bottom .footer-right{
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  flex: 1 1 auto !important;
  text-align: right !important;
}

.footer-bottom .social-row{
  display: inline-flex !important;
  align-items: center !important;
  gap: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.footer-bottom .social-link{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
}
.footer-bottom .socialimage{
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.footer-bottom .footer-links-row{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 28px !important;
  margin: 0 0 6px 0 !important;   
}
.footer-bottom .footerbtn{
  background: transparent !important;
  border: none !important;
  color: #FFFFFF !important;
    font-family: 'Roboto' !important;
  line-height: 32px !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  padding: 0 !important;
}
.footer-bottom .footerbtn:hover{ text-decoration: underline !important; }

.footer-bottom .footer-copy-row{
  display: inline-flex !important;
  justify-content: flex-end !important;
  align-self: flex-end !important;
  margin: 0 !important;
}
.footer-bottom .copyrightname{
  margin: 0 !important;
  color: #E9E9E9 !important;
  font-size: 14px !important;
  text-align: right !important;
}
.navbar-static-top.navbar .menu-bar > .navbar-nav > .divider-vertical{

  border-left: 1px solid #009CA7 !important;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{

  text-decoration: none !important;
}
.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 0px !important;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    border: none !important;
}

.MscrmControls\.RichTextEditor\.RichTextEditorControl .browserPreviewFrameContainer.lightweightMode .browserPreviewFrame{
  height: auto !important;
}
.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a:hover{

  text-underline-offset:7px;

}
.dropdown-menu .divider{

margin:0px !important;
}
html[dir=ltr] li a{

 margin-left: 0px !important; 
}

 .navbar .dropdown-menu > li.active > a:focus {

padding:8px 15px 7px 25px;
 }
.private-mode-banner{

  background: #034B50 !important;
}

.root-191{
background-color: #009CA7 !important;

}
.root-207, .root-207:hover{
background-color: #009CA7 !important;
color:#ffffff !important; 
}

.breadcrumb > .active {
    color:  #009CA7 !important;
}
.navbar .dropdown-menu

{

      padding-top: 15px;
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 200px;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1.0625;
    --bs-dropdown-color: var(--bs-primary);
    --bs-dropdown-bg: #f7f7f7;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: 0px;
    --bs-dropdown-border-width: 1px;
    --bs-dropdown-inner-border-radius: 0px;
    --bs-dropdown-divider-bg: var(--bs-light);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: none;
    --bs-dropdown-link-color: var(--bs-primary);
    --bs-dropdown-link-hover-color: var(--bs-white);
    --bs-dropdown-link-hover-bg: var(--bs-primary);
    --bs-dropdown-link-active-color: var(--bs-white);
    --bs-dropdown-link-active-bg: var(--bs-primary);
    --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c6c6c;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    margin: 0;
    font-size: var(--cenit-base-font-size);
    border: 0px;

}
#content-container{

 background: #f7f7f7 !important; 
}
#navbar .dropdown-search  {
    
    border: none !important;
    margin-right:50px !important;
}
.form-search input.form-control {
   
    border:none !important;
}
input.form-control {
    border: 1px solid #ccc !important;
}
.custom-search-control{

  border:none !important;
  background: #ffffff !important;
    color: #ccc !important;

}
.btn.btn-default.custom-search-control:hover,
.btn.btn-default.custom-search-control:focus,
 .btn.btn-default.custom-search-control:active
{
  background-color: #ffffff !important;
  border:none !important;
  border-color: #ffffff;
  color:gray !important;
}
.cellTitle-213 {
    outline: transparent;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between !important;
    align-items: stretch;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0px 8px 0px 12px;
}
.filterChevron-212 {
    color: #ffffff !important;
}

.label-257 {
    font-family: 'Roboto Condensed' !important;
    margin: 0px 4px;
    letter-spacing: 1.9px;
}
.root-191 {
    font-family: 'Roboto Condensed' !important;
    font-size: 14px !important;
}
.alert-success {
    background-color: #009ca7 !important;
    border-color: #009ca7 !important;
    color: #ffffff !important;
}
.skip-to-content a, .skip-to-content a:focus, .skip-to-content a:hover{
 background: #f7f7f7 !important; 
color: #009CA7 !important;
      border: 1px solid #009CA7 !important;
}

.form-custom-actions .btn {
   
    margin: 0px 28px !important;
}
.navbar-inverse .navbar-nav > .open > a {
    
    background-color: #ffffff !important;
    text-decoration: none !important;
}
.navbar-static-top.navbar-inverse{

  padding: 0px 30px;
}
.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a {

    font-family: "Roboto" !important;
}
.root-224 {
font-family: 'Roboto Condensed' !important;
}
.label-info {
    background-color: #009CA7 !important;
}
.alert-danger {
    background-color: #009CA7 !important;
    border-color: #fff !important;
    color: #ffffff !important;
}
.label-174, .label-174:focus, .label-174:active, .label-174:hover {
 color: #009CA7;
    letter-spacing: 1.8px;
    font-weight: 600;
    font-family: 'Roboto Condensed' !important;
}
.search-results .summary, .search-results h2{

  border: none !important;

}
#ContentContainer_MainContent_MainContent_ContentBottom_SubmitButton{
   margin: 0px 28px !important;

}
.alert-warning {
    background-color:#009CA7 !important;
    border-color: #009CA7 !important;
    color: #ffffff !important;
}
.panel-default > .panel-heading{

background-color: var(--bs-primary) !important; 
color:#fff !important;
}
.glyphicon .glyphicon-search{

color:var(--bs-primary);
}

  .navbar .dropdown-menu li {
    padding: 0;
    border-bottom: 1px solid var(--bs-light);
}

.alert-info {
    background-color:var(--bs-light) !important ;
    border-color: transparent;
   
}
html[dir=ltr] .crmEntityFormView .cell input[type=text], html[dir=ltr] .crmEntityFormView .cell select, html[dir=ltr] .crmEntityFormView .cell textarea {
    float: left;
 
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover {
    background-color: #fff !important;
}
.modal.in .modal-dialog {
   
    width: 100% !important;
}
.clearlookupfield {

     color:var(--bs-primary) !important;
   background-color: #fff !important;
}
.clearlookupfield:hover, .clearlookupfield:active, .clearlookupfield:focus {
   background-color: #fff !important;
   color:var(--bs-primary) !important;
    
}
.root-238, .root-238:focus, .root-238:active, .root-238:hover {
  
    font-family: 'Roboto Condensed' !important;
}
.root-251 {
   letter-spacing: 1.8px;
    outline: transparent;
    position: relative;
    font-family: 'Roboto Condensed' !important;
    
}
input:focus, textarea:focus, select:focus {
   
    box-shadow: 0 0 0 0.2rem rgb(0 152 152 / 0%) !important;
}
.navbar-toggle {
    background-color: #009CA7 !important;
}
.navbar-inverse .navbar-toggle {
    border: 1px solid #009CA7 !important;
}
.form-control:focus{
    -webkit-box-shadow: inset 0 1px 0px rgba(0, 0, 0, .075), 0 0 8px rgb(233 132 102 / 0%) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(102 175 233 / 0%) !important;
}
.form-control{
       height: 33px !important;
}

.root-170, .root-308 {
      letter-spacing: 1.8px;
    outline: transparent;
    position: relative;
    font-family: 'Roboto Condensed' !important;
}
.root-170:active, .root-308:active {
      font-family: 'Roboto Condensed' !important;

      letter-spacing: 1.8px;
    background-color: rgb(234, 234, 234);
    color: #1d828c;
}

.root-293{
      border: 1px solid rgb(131, 134, 137) !important;
          background-color: #ffffff !important;
          color: #1d828c;
}
 .dropdown.cenit-lanuage-menu li:first-child {
  order: 5;
}
li:nth-child(2) {
  order: 4;
}
ul li:nth-child(3) {
  order: 3;
}
ul li:nth-child(4) {
  order: 2;
}
.modal.fade .modal-dialog{

    width: 100% !important;
    display: block !important;
    position: absolute !important;
    overflow: visible !important;
    top: 10%;

}
.entity-timeline .note .row .content img{
width:100% !important;

}
#caseActionStatus{
color: #1d828c !important;
margin: 4px !important;
}
legend{

  border-bottom: none !important;
}
.headerWrapper-147 {
    position: sticky;
    top: 49px !important;
    z-index: 1;
}
.crmEntityFormView, .entitylist, .modal-content, .popover-content{
padding: 5px;
  margin:10px 0px !important;
}
.text-muted{
  display: none !important;
}
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    /* outline: thin dotted; */
    outline: none !important;
    outline-offset: unset !important;
}
a:focus {
   
    outline: none !important;
}
#navbar .dropdown-search #q {
    min-width: 100%;
}
.crmEntityFormView .actions {
    border-top: 1px solid #e5e5e5;
    margin: 20px 28px !important;
    padding: 19px 0 0 0;
}

html[dir=ltr] .crmEntityFormView .cell .field-label {
    float: left;
    text-transform: uppercase;
    /* color: #009CA7; */
    color: var(--bs-primary);
    text-transform: uppercase;
    font-size: 14px;
    /* padding-left: var(--cenit-padding); */
   
    line-height: var(--cenit-line-height-38);
    font-weight: bold;
}
.crmEntityFormView, .entitylist, .modal-content, .popover-content {
    background-color: #ffffff;
    color: #000000;
    border: 1px solid  #009CA7;
}
@media (min-width: 1200px) {
    .navbar-nav>li>a {
        padding-top: 14.5px;
        padding-bottom: 14.0px !important;
    }
  }
 
    @media (max-width: 767px){
 .entity-timeline .note .row .content .description img{
width: 100%;
height:auto;

 }
  .footer-bottom .footer-container{
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 10px !important;
  }
  .footer-bottom .footer-right{ align-items: center !important; }
  .footer-bottom .footer-links-row{ justify-content: center !important; flex-wrap: wrap !important; gap: 16px !important; }
  .footer-bottom .footer-copy-row{ align-self: center !important; }


.footer-bottom .row{
  display: block !important;   
  padding: 0 !important;
}
.footer-bottom .row > [class*="col-"]{
  flex: 0 0 auto !important;    
}
ul.nav.nav-tabs.nav-account > li {
    margin-right: 0px; 
    width: 100%;
    margin: 5px 0px;}


.secondarySet-181 {
    position: relative;
    margin: 0px 5px;
    display: block;
}
.form-custom-actions .btn {
    margin: 0px !important;
}
#ContentContainer_MainContent_MainContent_ContentBottom_SubmitButton{
   margin: 0px !important;

}

    }
@media (max-width: 1199px){
  .cenit-flex-fullheight {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    min-width: 250px;
    justify-content: space-between;
    align-items: stretch;
    align-content: center;
    padding: 5px 0px !important;
    height: auto !important;
    flex-wrap: nowrap;

}
 

#navbar .dropdown-search {
    min-width: auto;
    border: none !important;
    margin: 0px !important;
    width: auto;
}
html[dir=ltr] .crmEntityFormView .tab .tab-column {
    padding-left: 2px;
    float: left;
    width: 100% !important;
}
}